.header{
	height: 100%;
	background-color: #F6F6F6;
	.content{
		display: flex;
		padding: 0 32rpx;
		background-color: #fff;
		padding: 30rpx;
		.img image{
			width: 220rpx;
			height: 147rpx;
			border-radius: 5px;
		}
		
		.right{
			line-height: 46rpx;
			margin-left: 20rpx;
			//标题
			&-title{
				font-size: 28rpx;
				font-weight: bold;
				color: #333333;
			}
			
			//指导价
			&-price{
				color: #999999;
				font-size: 24rpx;
				
				text{
					text-decoration: line-through;
				}
			}
		}
	
	}
	
	//通用标题
	.choose{
		display: flex;
		align-items: center;
		padding-top: 28rpx;
		margin-bottom: 28rpx;
		.line{
			width: 8rpx;
			height: 24rpx;
			background: #FBD220;
			border-radius: 4rpx;
		}
		.text{
			text-indent: 10rpx;
			font-size: 26rpx;
			font-weight: 500;
			color: #333333;
		}
	}
	
	//选择配色
	.content2{
		padding: 32rpx;
		margin-top: 10rpx;
		background-color: #fff;
		
		.choose-color{
			display: flex;
			
			
			&-main{
				margin-top: 20rpx;
				padding:0 20rpx 0 20rpx;
				height: 60rpx;
				background: #EEEEEE;
				border-radius: 10rpx;
				line-height: 60rpx;
				margin-left: 20rpx;
			}
			.active{
				background: #FFE23E;
			}
			.color-frist{
				width: 30rpx;
				height: 30rpx;
				border: 2rpx solid #D1D1D1;
				border-radius: 50%;
			}
		}
		
		.title{
			margin:20rpx 20rpx 0 20rpx;
			// float: left;
			color: #999999;
		}
	}

	//过往询价
	.content3{
		padding: 0 32rpx;
		margin-top: 10rpx;
		background-color: #fff;
		
		.history{
			// position: relative;
			margin-left: 20rpx;
			//落地总金额
			&-totalPrice{
				border-bottom: 2rpx solid #EEEEEE;
				padding-bottom: 20rpx;
				line-height: 42rpx;
				
				&-one{
					display: flex;
					justify-content: space-between;
				}
				
				&-left{
					font-size: 34rpx;
					font-weight: bold;
					color: #333333;
				}
				&-right{
					font-size: 26rpx;
					font-weight: bold;
					color: #EB5C02;
				}
				
				&-footer{
					font-size: 24rpx;
					font-weight: 500;
					color: #999999;
				}
			}
		
			//裸车价
			.nakedCar{
				border-bottom: 2rpx solid #EEEEEE;
				padding: 10rpx 0 10rpx 0;
				&-content{
					display: flex;
					align-items: center;
					justify-content: space-between;
				}
				
				&-price{
					font-size: 28rpx;
					font-weight: 500;
					color: #333333;
				}
				
				&-icon{
					display: flex;
					align-items: center;
					justify-content: flex-end;
				}
			}
			
			//必要花费
			.need{
				border-bottom: 2rpx solid #EEEEEE;
				padding-bottom: 20rpx;
				margin-top: 26rpx;
				&-spend{

					&-price{
						display: flex;
						justify-content: space-between;
					}
					
					.icon{
						transition: 0.3s;
						margin-left: 20rpx;
					}
				}
			}
		}
	}
	.iconDown{
		transition: 0.3s;
		// transform: translateX(180deg);
		color: #FFE23E;
	}
	.arrow{
		display: none;
	}	
	.active{
		display: block;
		height: 356rpx;
		background: #F6F6F6;
		border-radius: 10rpx;
		padding: 20rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #666666;
		
		.list{
			line-height: 65rpx;
			view{
				display: flex;
				justify-content: space-between;
			}
		}
	}

		//自定义项
	.custom{
		font-size: 30rpx;
		font-weight: 500;
		color: #333333;
		display: flex;
		justify-content: center;
		padding: 70rpx 0 50rpx 0;
	}
	
	.content4{
		padding: 0 32rpx;
		background-color: #fff;
		padding-bottom: 30rpx;
		border-bottom: 2rpx solid #EEEEEE;
		.chooses{
			display: flex;
			align-items: center;
			padding-top: 28rpx;
			margin-bottom: 28rpx;
			.lines{
				width: 8rpx;
				height: 24rpx;
				background: #FBD220;
				border-radius: 4rpx;
			}
			.texts{
				width: 39%;
				text-indent: 10rpx;
				font-size: 26rpx;
				font-weight: 500;
				color: #333333;
			}
			.city{
				display: flex;
				justify-content: flex-end;
				width: 60%;
			}
		}
	}

	//提交
	.footet-btn{
		margin: 300rpx 0 79rpx 0;
		// background-color: #F6F6F6;
		button{
			width: 702rpx;
			height: 88rpx;
			background: linear-gradient(0deg, #FBD220, #FFE23E);
			border-radius: 44rpx;
		}
		
	}
}